<template>
  <div>
    <!-- lottie动画组件 -->
    <lottie
      :options="options"
      :height="height"
      :width="width"
      @animCreated="handleAnimation"
    />
  </div>
</template>

<script>
import lottie from "vue-lottie";
export default {
  components : {lottie},
  props: {
    // 宽
    width : {
        type : Number,
        default : 200,
    },
    // 高
    height : {
        type : Number,
        default : 200,
    },
    // 配置属性
    options : {
        type : Object,
        default : ()=>{
            return {}
        }
    }
  },
  data() {
    return {
        anim : null,
    };
  },
  created() {},
  methods: {
    // 方法：速度、暂停、开始等
    handleAnimation(anim){
        this.anim = anim;
    }
  },
};
</script>

<style scoped>
</style>
